<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="../dist/style/initial.css" />
        <link rel="stylesheet" type="text/css" href="../dist/style/demo.css" />
    </head>
    <body>
        <div class="wrap">
            <ul class="group">
                <li class="item"><img src="../dist/images/01.jpg" /></li>
                <li class="item"><img src="../dist/images/02.jpg" /></li>
                <li class="item"><img src="../dist/images/03.jpg" /></li>
                <li class="item"><img src="../dist/images/banner_a.jpg" /></li>
                <li class="item"><img src="../dist/images/banner_b.jpg" /></li>
                <li class="item"><img src="../dist/images/banner_c.jpg" /></li>
            </ul>
            <a class="btn prev">&lt;</a>
            <a class="btn next">&gt;</a>
        </div>
        <script type="text/javascript" src="../dist/script/jquery-1.9.1.min.js"></script>
        <script type="text/javascript" src="../dist/script/demo.js"></script>
        <script type="text/javascript">
                var options={
                    speed:300,
                    autoPlay:true,
                    delay:3000
                }
                ppt.init($('.wrap'),options);
        </script>
    </body>
</html>